﻿.toast-title {
    font-weight: bold
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

 .toast-message a, .toast-message label {
        color: #fff
    }

 .toast-message a:hover {
            color: #ccc;
            text-decoration: none
        }

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    line-height: 1
}

    .toast-close-button:hover, .toast-close-button:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40)
    }

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}

    #toast-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #toast-container > div {
        position: relative;
        pointer-events: auto;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        color: #fff;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100)
    }

        #toast-container > div.rtl {
            direction: rtl;
            padding: 15px 50px 15px 15px;
            background-position: right 15px center
        }

        #toast-container > div:hover {
            -moz-box-shadow: 0 0 12px #000;
            -webkit-box-shadow: 0 0 12px #000;
            box-shadow: 0 0 12px #000;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            filter: alpha(opacity=100);
            cursor: pointer
        }

    #toast-container > .toast-info {
        background-image: url("") !important
    }

    #toast-container > .toast-error {
        background-image: url("") !important
    }

    #toast-container > .toast-success {
        background-image: url("") !important
    }

    #toast-container > .toast-warning {
        background-image: url("") !important
    }

    #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
        width: 300px;
        margin-left: auto;
        margin-right: auto
    }

    #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
        width: 96%;
        margin-left: auto;
        margin-right: auto
    }

.toast {
    background-color: #7ed8e2
}

.toast-success {
    background-color: #64d4a2
}

.toast-error {
    background-color: #fa7a7a
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f5b46e
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

        #toast-container > div.rtl {
            padding: 8px 50px 8px 8px
        }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width: 241px) and (max-width:480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

        #toast-container > div.rtl {
            padding: 8px 50px 8px 8px
        }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width: 481px) and (max-width:768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }

        #toast-container > div.rtl {
            padding: 15px 50px 15px 15px
        }
}

#nprogress {
    pointer-events: none
}

    #nprogress .bar {
        background: #29d;
        position: fixed;
        z-index: 1031;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px
    }

    #nprogress .peg {
        display: block;
        position: absolute;
        right: 0;
        width: 100px;
        height: 100%;
        box-shadow: 0 0 10px #29d,0 0 5px #29d;
        opacity: 1;
        -webkit-transform: rotate(3deg) translate(0,-4px);
        -ms-transform: rotate(3deg) translate(0,-4px);
        transform: rotate(3deg) translate(0,-4px)
    }

    #nprogress .spinner {
        display: block;
        position: fixed;
        z-index: 1031;
        top: 15px;
        right: 15px
    }

    #nprogress .spinner-icon {
        width: 18px;
        height: 18px;
        box-sizing: border-box;
        border: solid 2px transparent;
        border-top-color: #29d;
        border-left-color: #29d;
        border-radius: 50%;
        -webkit-animation: nprogress-spinner 400ms linear infinite;
        animation: nprogress-spinner 400ms linear infinite
    }

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

    .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
        position: absolute
    }

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

body {
    font: 400 13.3333px Arial
}

.layui-layout-admin .layui-body {
    bottom: -50px;
    top:90px;
}

.layui-layout-admin .layui-bg-black {
    background: #324157 !important;
    width: 220px
}

.layui-nav {
    background: #324157
}

.layui-layout-admin .layui-logo {
    background: #126c9e63;
    color: #fff;
    width: 220px
}

.layui-nav-tree {
    width: 220px
}

.layui-nav .layui-nav-item a {
    padding-left: 25px
}

.layui-layout-admin .layui-header {
    background-color: #288cc5;
    box-shadow: 0 2px 1px 1px rgba(100,100,100,.1)
}

.layui-header .layui-nav {
    color: #eef0f3
}
.layui-layout-admin .layui-logo img {
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.layui-layout-admin .layui-logo h1 {
    display: inline-block;
    margin: 0 0 0 5px;
    font-weight: 500;
    font-size: 20px;
    vertical-align: middle;
    font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
    color: #eef0f3;
}


.layui-nav-tree .layui-nav-item > a:hover {
    background-color: #48576a
}

.pr50 {
    margin-right: 50px
}

.layui-nav-item .username {
    display: inline-block;
    margin-right: 15px
}

.layui-nav-item .layui-icon {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px
}

.layui-nav-item .username .layui-icon {
    font-size: 12px
}

.layui-header .layui-nav .layui-nav-item a {
    font-size: 12px
}

.layui-nav-tree .layui-nav-child a {
    color: #9ea7b4
}

.layui-layout-admin .layui-side .layui-nav-child dd {
    padding-left: 28px
}

.layui-nav-tree .layui-nav-item a i {
    margin-right: 8px;
    font-size: 16px
}

.tab-pane {
    width: 100%;
    height: 99.6%
}

.list-wall {
    padding: 0px 12px 0 12px
}

.list-search {
    background-color: #f2f2f2;
    padding: 12px 15px
}

.layui-btn-container.list-search {
    padding: 0
}

.layui-btn-container h4 {
    font-size: 16px
}

.list-search .layui-form-label {
    width: auto;
    padding: 8px 5px
}

.list-search .layui-input, .list-search .layui-input.layui-input-sm {
    height: 34px;
    line-height: 34px;
}

.list-search .layui-form-select dl {
    top: 33px
}

.list-search .layui-btn-sm {
    font-size: 14px;
    padding: 0 15px;
    height: 32px;
    line-height: 31px
}

.list-search .layui-inline {
    margin-right: 10px
}

    .list-search .layui-inline .layui-form-switch {
        margin-top: 0
    }

.layui-btn-container .layui-btn-sm {
    font-size: 14px;
    padding: 0 15px;
    height: 32px;
    line-height: 31px
}

.layui-nav-tree .layui-nav-item > a, .layui-nav-tree .layui-nav-child a {
    font-size: 13.3333px
}

.layui-btn, .layui-input, .layui-table td, .layui-table th, .layui-nav {
    border-radius: 4px;
    font: 400 13.3333px Arial
}

.layui-header .layui-nav-bar {
    top: 0 !important;
    height: 2px
}

.layui-table-cell .layui-badge {
    margin: 0 5px
}

.layui-elem-quote {
    border-radius: 4px
}

    .layui-elem-quote.layui-elem-warning {
        background-color: #fcf8e3;
        border-color: #faebcc;
        font-size: 12px
    }

    .layui-elem-quote i {
        font-size: 22px;
        margin-right: 5px;
        vertical-align: middle
    }

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
    background-color: #409eff
}

.layui-layout-right.layui-nav .layui-this:after {
    display: none
}

.layui-nav-item.show-down .layui-downcard {
    display: block
}

.layui-downcard {
    border: 1px solid rgba(182,182,182,.1);
    padding: 0 0 20px;
    min-width: 100%;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
    overflow: hidden;
    top: calc(63px - 2px);
    font-size: .9rem;
    margin-top: 0;
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    width: 360px;
    right: 0;
    animation-name: dropdownAnimation;
    -webkit-animation-duration: .25s;
    -moz-animation-duration: .25s;
    -ms-animation-duration: .25s;
    -o-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    display: none
}

    .layui-downcard .drop-notific-title {
        border-bottom: 1px solid #ebedf2;
        padding: 15px;
        line-height: 20px
    }

        .layui-downcard .drop-notific-title span strong {
            color: #409eff
        }

        .layui-downcard .drop-notific-title a {
            float: right;
            padding: 2px 12px;
            border-radius: 30px;
            font-size: 12px;
            display: inline-block;
            line-height: 20px;
            background-color: #409eff;
            color: #fff
        }

    .layui-downcard .mess-item {
        padding: 15px 25px 15px 80px;
        border-bottom: 1px solid #ebedf2;
        line-height: 20px;
        position: relative
    }

        .layui-downcard .mess-item p {
            font-size: .75rem;
            color: #888
        }

        .layui-downcard .mess-item span {
            width: 40px;
            height: 40px;
            position: absolute;
            left: 25px;
            display: block;
            border-radius: 50%;
            background-color: #00ce68;
            color: #fff;
            text-align: center;
            line-height: 40px
        }

            .layui-downcard .mess-item span i {
                font-size: 15px;
                margin-right: 0
            }

        .layui-downcard .mess-item:last-child {
            border-bottom: none
        }

.layui-col-220 {
    width: 220px;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transition: position,.2s,linear;
    -moz-transition: position,.2s,linear;
    background-color: #eaedf1
}

    .layui-col-220 .layui-nav-title {
        width: 100%;
        height: 70px;
        line-height: 70px;
        background: #d9dee4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: bold;
        text-indent: 20px
    }

.right-col-body {
    left: 220px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    overflow-y: auto;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease
}

.layui-tree-cus li {
    padding: 4px 0
}

.layui-nav-tree .layui-nav-bar {
    background-color: #409eff
}

.fyt-nav-tree .layui-nav-child dd.layui-this, .fyt-nav-tree .layui-nav-child dd.layui-this a {
    background-color: #009688;
    color: white;
}

.layui-first-nav .layui-nav-item a {
    font-size: 14px !important
}

.layui-first-nav .layui-nav-item i {
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -2px;
    display: inline-block
}

.layui-first-nav .layui-this:after {
    height: 2px !important;
    background-color: #409eff
}

.layui-first-nav .layui-nav-bar {
    top: 59px !important
}

.layui-first-nav .layui-this a {
    color: #409eff !important
}

.layui-nav-bar {
    background-color: #409eff
}

[v-cloak] {
    display: none !important
}

.layui-cur-submit {
    padding: 20px 20px;
    text-align: center;
    margin-bottom: 0
}

    .layui-cur-submit .layui-input-block {
        margin-left: 0
    }

    .layui-cur-submit .layui-btn {
        padding: 7px 25px;
        height: auto
    }

.layui-btn {
    font-size:14px;
    border-color: #409eff;
    color: #fff;
    height: 30px;
    padding:0px 15px 2px 15px;

    border-radius: 10px !important
}

button.layui-btn {
    box-shadow: 1px 2px 10px 0 #e0caca
}

a.layui-btn {
    margin-left:5px !important;
    height: 22px !important;
    line-height: 22px;
    border-radius: 10px !important;
    padding:0 10px 0 10px;
}

.layui-btn:hover {
    color: #fff;
    border-color: #409eff;
    background-color: #409eff
}

.layui-laypage .layui-laypage-curr .layui-laypage-em, .layui-form-checked[lay-skin=primary] i {
    background-color: #409eff;
    border-color: #409eff
}

.layui-form-onswitch {
    border-color: #13ce66;
    background-color: #13ce66
}

.layui-btn.layui-btn-primary {
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266
}

    .layui-btn.layui-btn-primary:hover {
        background-color: #ecf5ff;
        border-color: #5faeff;
        color: #5faeff
    }
.layui-input, .layui-select, .layui-textarea {
    border-radius: 3px !important
}

    .layui-input:hover, .layui-select:hover, .layui-textarea:hover, .layui-input:focus, .layui-select:focus, .layui-textarea:focus {
        border: 1px solid #409eff !important
    }

.layui-form-select dl dd.layui-this {
    background-color: #409eff
}

.layui-btn-disabled {
    border: 1px solid #e6e7e8;
    background-color: #e6e7e8 !important;
    color: #666 !important
}

    .layui-btn-disabled:hover {
        border: 1px solid #e6e7e8 !important
    }

.layui-nav-title span {
    display: inline-block;
    margin-right: 20px
}

.layui-btn-sm {
    padding: 0 15px
}

.layui-form-switch {
    min-width: 45px
}

.layui-input-block .switch-tip {
    display: inline-block;
    margin-right: 30px;
    margin-left: 5px;
    position: relative;
    top: 5px
}

.layui-btn-group .layui-btn {
    border-radius: 0 !important;
    border-left: 1px solid rgba(255,255,255,.5) !important
}

    .layui-btn-group .layui-btn:first-child {
        border-bottom-left-radius: 30px !important;
        border-top-left-radius: 30px !important
    }

    .layui-btn-group .layui-btn:last-child {
        border-bottom-right-radius: 30px !important;
        border-top-right-radius: 30px !important
    }

.layui-badge-dot.layui-bg-black {
    width: 8px !important
}

.layui-body {
    z-index: 60 !important;
    left: 220px
}

.layui-layer {
    box-shadow: 0 1px 3px rgba(0,0,0,.3) !important
}

.lay-time-icon .layui-icon {
    position: absolute;
    right: 10px;
    top: 9px
}

.form-cus {
    padding: 15px 35px 0 0
}

    .form-cus.form-tab {
        padding: 0 20px 0 15px
    }

        .form-cus.form-tab .layui-tab-item {
            padding-top: 10px
        }

        .form-cus.form-tab .add-icons {
            text-align: center;
            cursor: pointer
        }

            .form-cus.form-tab .add-icons i {
                vertical-align: middle;
                margin-right: 5px
            }

.ztree * {
    font-size: 13.3333px !important
}

.ztree li a {
    height: 28px !important
}

.tree-footer {
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #f2f2f2;
    bottom: 0;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    display: none
}

    .tree-footer.active {
        bottom: 0;
        display: block
    }

.city-picker-span > .placeholder {
    padding-left: 10px;
    color: #777
}

.city-picker-dropdown {
    width: 450px !important;
    left: 1px !important
}

.city-picker-span {
    overflow: hidden
}

.nav-logo {
    height: 50px
}

.layui-fluid {
    padding: 15px
}

.layui-carousel[lay-arrow=none] .layui-carousel-arrow {
    display: none
}

.layadmin-carousel .layui-carousel, .layadmin-carousel > [carousel-item] > * {
    background-color: #fff
}

.layadmin-carousel .layui-col-space10 {
    margin: 0
}

.layadmin-carousel .layui-carousel-ind {
    position: absolute;
    top: -41px !important;
    text-align: right
}

    .layadmin-carousel .layui-carousel-ind ul {
        background: 0 0
    }

    .layadmin-carousel .layui-carousel-ind li.layui-this {
        background-color: #999
    }

    .layadmin-carousel .layui-carousel-ind li:hover {
        background-color: #c2c2c2
    }

    .layadmin-carousel .layui-carousel-ind li {
        background-color: #e2e2e2
    }

.layadmin-carousel[lay-indicator=outside] .layui-carousel-ind ul {
    background: 0 0
}

.layadmin-shortcut li {
    text-align: center
}

    .layadmin-shortcut li .layui-icon {
        display: inline-block;
        width: 100%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        border-radius: 2px;
        font-size: 30px;
        background-color: #f8f8f8;
        color: #333;
        transition: all .3s;
        -webkit-transition: all .3s
    }

    .layadmin-shortcut li cite {
        position: relative;
        top: 2px;
        display: block;
        color: #666;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 14px
    }

    .layadmin-shortcut li:hover .layui-icon {
        background-color: #f2f2f2
    }

.layadmin-backlog .layadmin-backlog-body {
    display: block;
    padding: 10px 15px;
    background-color: #f8f8f8;
    color: #999;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s
}

.layadmin-backlog-body h3 {
    padding-bottom: 10px;
    font-size: 12px
}

.layadmin-backlog-body p cite {
    font-style: normal;
    font-size: 30px;
    font-weight: 300;
    color: #46be8a
}

.layadmin-backlog-body:hover {
    background-color: #f2f2f2;
    color: #888
}

.layadmin-takerates {
    padding-top: 5px
}

    .layadmin-takerates .layui-progress {
        margin: 45px 0 53px
    }

        .layadmin-takerates .layui-progress:last-child {
            margin-bottom: 10px
        }

        .layadmin-takerates .layui-progress h3 {
            position: absolute;
            right: 0;
            top: -35px;
            color: #999;
            font-size: 14px
        }

    .layadmin-takerates .layui-progress-bar {
        text-align: left
    }

    .layadmin-takerates .layui-progress-text {
        top: -35px;
        line-height: 26px;
        font-size: 22px
    }

.layui-form-item .layui-inline {
    margin-right: 0
}

.layui-form-item .layui-input-inline {
    width: 300px
}

.fytadmin-header {
    padding: 15px
}

.fytui-file .layui-input {
    width: calc(100% - 100px);
    display: inline-block;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    vertical-align: middle
}

.fytui-file button {
    width: 100px;
    border-radius: 0 !important;
    height: 38px
}

.fyt-utree li {
    height: 40px;
    line-height: 40px;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 15px
}

    .fyt-utree li.active {
        background-color: #f3f3f3
    }

    .fyt-utree li a {
        display: inline-block;
        cursor: pointer
    }

        .fyt-utree li a.title {
            width: 75%;
            overflow: hidden;
            float: left;
            padding-right: 15px
        }

        .fyt-utree li a.sums {
            width: 40px;
            float: left
        }

    .fyt-utree li span.tool {
        position: relative;
        display: inline-block;
        width: 40px;
        color: #666;
        text-align: center;
        cursor: pointer;
        float: right
    }

.fyt-task-menu {
    min-width: 120px;
    display: block;
    text-align: center;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

    .fyt-task-menu a {
        display: block;
        cursor: pointer
    }

        .fyt-task-menu a:hover {
            color: #409eff;
            background-color: #ecf5ff
        }

    .fyt-task-menu:after {
        content: '';
        position: absolute;
        width: 18px;
        height: 8px;
        background-color: #fff;
        clip-path: polygon(50% 0%,0% 100%,100% 100%);
        top: -6px;
        right: 10px
    }

.layui-tree li a i {
    display: none
}

.layui-tree > li li {
    padding-left: 15px
}

.fyt-upfile input {
    width: calc(100% - 110px);
    float: left;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.fyt-upfile button {
    width: 110px;
    float: left;
    border-radius: 0 !important;
    height: 38px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.picframe-wall {
    position: relative;
    visibility: visible;
    height: 490px;
    border-top: 1px solid #eef0f3
}

.picframe-left {
    width: 200px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-right: 1px solid #eef0f3
}

.picframe-footer {
    padding: 15px 20px;
    text-align: right;
    border-top: 1px solid #eef0f3
}

    .picframe-footer button {
        margin-left: 15px;
        padding: 5px 25px;
        border-radius: 30px;
        line-height: initial
    }

.pf-title {
    border-bottom: 1px solid #eef0f3;
    padding: 8px 15px;
    height: 33px;
    line-height: 33px
}

    .pf-title strong {
        vertical-align: middle
    }

.pic-right {
    float: right
}

.pic-left {
    float: left
}

.pic-btn {
    color: #609ee9;
    background-color: #ebf2fc;
    border-color: #ebf2fc;
    position: relative;
    transition: all .6s ease 0s
}

.btn {
    border-radius: 30px;
    padding: 5px 15px
}

.pic-btn:hover, .pic-btn:active, .pic-btn:active:enabled, .pic-btn:focus {
    border: 1px solid #609ee9 !important;
    background-color: #fff;
    color: #609ee9
}

.pf-title .btn {
    top: -5px
}

.zwf {
    display: inline-block;
    width: 15px;
    cursor: pointer;
    position: relative;
    z-index: 10
}

.fyt-tree ul {
    padding-top: 0;
    font-size: 12px;
    height: 393px;
    overflow: auto
}

    .fyt-tree ul li {
        height: 38px;
        line-height: 38px
    }

        .fyt-tree ul li .list-text {
            font-size: 12px
        }

        .fyt-tree ul li .item-actions span {
            font-size: 16px
        }

        .fyt-tree ul li .item-actions {
            top: 2px
        }

.fyt-forms {
    position: absolute;
    width: 600px;
    height: 260px;
    top: 50%;
    margin-top: -130px;
    left: 50%;
    margin-left: -300px;
    z-index: 1210;
    background-color: #fff;
    padding-top: 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5)
}

.modal-backdrop {
    z-index: 1103
}

.fyt-foot-submit {
    position: inherit
}

.modal-backdrop.in {
    opacity: .2
}

.picframe-right {
    padding-left: 200px
}

.pf-r-title {
    padding: 8.5px 15px;
    border-bottom: 1px solid #eef0f3;
    line-height: 33px;
    height: 33px
}

    .pf-r-title strong {
        width: 130px;
        float: left
    }

        .pf-r-title strong span {
            color: #999;
            font-weight: 400
        }

    .pf-r-title .pf-t-right {
        float: right
    }

.pf-t-right input {
    float: right;
    width: 200px;
    height: 33px;
    margin-left: 15px
}

.pf-t-right a {
    float: right;
    margin-left: 15px
}

.pf-t-right .search {
    display: block;
    width: 30px;
    position: absolute;
    right: 140px;
    top: 60px;
    color: #666;
    cursor: pointer
}

.picbox {
    padding: 10px 15px;
    height: 365px;
    overflow-y: auto;
    position: relative
}

    .picbox > ul {
        margin: 0;
        padding: 0
    }

        .picbox > ul > li {
            width: 165px;
            height: 180px;
            position: relative;
            background-color: #fff;
            float: left;
            text-align: center;
            margin: 0 10px 12px 0
        }

            .picbox > ul > li:hover .file-wrapper, .picbox > ul > li.active .file-wrapper {
                border: 2px solid #609ee9
            }

            .picbox > ul > li:nth-child(4n) {
                margin-right: 0
            }

            .picbox > ul > li img {
                width: 165px;
                height: 150px;
                object-fit: cover
            }

            .picbox > ul > li i.sels {
                position: absolute;
                right: -2px;
                bottom: 26px;
                width: 40px;
                height: 40px;
                display: none;
                background: url(/themes/img/success.png) no-repeat;
                z-index: 1000
            }

            .picbox > ul > li.active i.sels {
                display: block
            }

            .picbox > ul > li.active .picbox-pic {
                border: 1px solid #609ee9
            }

            .picbox > ul > li:hover .picbox-view {
                display: block
            }

            .picbox > ul > li .file-name {
                text-align: center;
                line-height: 30px;
                overflow: hidden;
                height: 30px
            }

    .picbox .picbox-view {
        position: absolute;
        left: 2px;
        bottom: 28px;
        height: 28px;
        width: 100%;
        background: rgba(0,0,0,.75);
        display: none;
        color: #e5e5e5;
        line-height: 28px;
        padding: 0
    }

        .picbox .picbox-view li {
            width: 50%;
            float: left;
            text-align: center;
            font-size: 12px
        }

            .picbox .picbox-view li a {
                display: block;
                color: #e5e5e5;
                font-size: 14px
            }

                .picbox .picbox-view li a i.layui-icon-delete {
                    font-size: 22px
                }

.loading, .uploading {
    width: 220px;
    height: 50px;
    border: 1px solid #eef0f3;
    border-radius: 3px;
    line-height: 50px;
    background-color: #fff;
    text-align: center;
    position: absolute;
    z-index: 10001;
    top: 45%;
    left: 50%;
    margin-left: -110px;
    font-size: 12px;
    color: #666;
    display: none
}

    .loading img, .uploading img {
        margin-right: 10px;
        width: 26px
    }

.loadmore {
    padding: 10px 0;
    text-align: center
}

    .loadmore a {
        font-size: 12px
    }

i.file-preview {
    margin: 0
}

.picframe-wall .layui-btn {
    border: 1px solid #ebf2fc;
    line-height: 33px
}

    .picframe-wall .layui-btn .layui-icon {
        vertical-align: middle
    }

.nopic {
    text-align: center;
    padding-top: 16%
}

    .nopic span {
        display: block
    }

    .nopic i {
        font-size: 40px
    }

.picframe-wall .layui-colla-title {
    background-color: transparent;
    font-size: 13px;
    height: 33px;
    line-height: 33px
}

.picframe-wall .layui-colla-item, .picframe-wall .layui-collapse, .picframe-wall .layui-colla-content {
    border-color: #fff;
    font-size: 13px
}

.picframe-wall .layui-colla-content {
    padding: 0
}

    .picframe-wall .layui-colla-content p {
        cursor: pointer;
        padding: 8px 0 8px 36px;
        position: relative
    }

.picframe-wall .tool {
    display: none;
    position: absolute;
    right: 10px;
    top: 9px;
    z-index: 1000
}

    .picframe-wall .tool a {
        font-size: 20px;
        margin-left: 10px;
        color: #96a5aa
    }

.picframe-wall p:hover .tool {
    display: block
}

.picframe-wall .layui-colla-content p:hover, .picframe-wall .layui-colla-content p.active {
    background-color: #f3f8ff;
    color: #609ee9
}

.picframe-tab {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eef0f3;
    padding: 0 20px
}

    .picframe-tab span {
        color: #999;
        border-bottom: 3px solid transparent;
        display: inline-block;
        padding: 0 30px;
        height: 47px;
        font-size: 15px;
        cursor: pointer
    }

        .picframe-tab span.active {
            color: #609ee9;
            border-bottom: 3px solid #609ee9
        }

.picframe-left {
    top: 50px
}

#c-type-wall {
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
    background-color: #fff;
    -webkit-background-clip: content;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
    z-index: 19891015;
    width: 500px;
    height: 300px;
    top: 129px;
    left: 225px;
    position: absolute
}

.soa-rtree {
    height: auto;
    position: absolute
}

    .soa-rtree .layui-btn {
        border: none;
        line-height: 33px
    }

    .soa-rtree .layui-colla-item, .soa-rtree .layui-collapse, .soa-rtree .layui-colla-content {
        border-color: #e6e6e6
    }

.up-loading {
    width: 360px;
    padding: 40px 10px;
    background-color: #fff;
    border-radius: 8px;
    position: absolute;
    z-index: 10001;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -180px;
    box-shadow: 1px 5px 50px rgba(0,0,0,.5)
}

.picframe-wall .btn-upcloud input {
    display: none
}

.file-wrapper {
    position: relative;
    width: 165px;
    height: 150px;
    border: 2px solid #fff
}

.file-type {
    display: block;
    width: 165px;
    height: 150px;
    background: url(../../../themes/img/bg.png) repeat;
    position: relative;
    top: -10px
}

i.file-preview {
    position: relative;
    top: 30px;
    display: block;
    margin: 10px auto;
    width: 70px;
    height: 70px;
    background-image: url("../../../themes/img/file-icons.png");
    background-position: -140px center;
    background-repeat: no-repeat
}

    i.file-preview.file-type-zip, i.file-preview.file-type-rar, i.file-preview.file-type-7z, i.file-preview.file-type-tar, i.file-preview.file-type-gz, i.file-preview.file-type-bz2 {
        background-position: -280px center
    }

    i.file-preview.file-type-xls, i.file-preview.file-type-xlsx {
        background-position: -350px center
    }

    i.file-preview.file-type-doc, i.file-preview.file-type-docx {
        background-position: -420px center
    }

    i.file-preview.file-type-ppt, i.file-preview.file-type-pptx {
        background-position: -490px center
    }

    i.file-preview.file-type-pdf {
        background-position: -630px center
    }

    i.file-preview.file-type-file {
        background-position: -140px center
    }

    i.file-preview.file-type-dir {
        background-position: 0 center
    }

    i.file-preview.file-type-txt, i.file-preview.file-type-md, i.file-preview.file-type-json, i.file-preview.file-type-htm, i.file-preview.file-type-xml, i.file-preview.file-type-html, i.file-preview.file-type-js, i.file-preview.file-type-css, i.file-preview.file-type-php, i.file-preview.file-type-jsp, i.file-preview.file-type-asp {
        background-position: -700px center
    }

    i.file-preview.file-type-ogg, i.file-preview.file-type-wav, i.file-preview.file-type-wmv, i.file-preview.file-type-mid, i.file-preview.file-type-mp3 {
        background-position: -1050px center
    }

    i.file-preview.file-type-mp4, i.file-preview.file-type-swf, i.file-preview.file-type-mkv, i.file-preview.file-type-avi, i.file-preview.file-type-flv, i.file-preview.file-type-mov, i.file-preview.file-type-mpg, i.file-preview.file-type-mpeg, i.file-preview.file-type-ogv, i.file-preview.file-type-webm, i.file-preview.file-type-rm, i.file-preview.file-type-rmvb {
        background-position: -980px center
    }

.load-container {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.4)
}

.load-wall {
    width: 500px;
    height: 300px;
    position: absolute;
    left: 50%;
    margin-left: -250px;
    top: 50%;
    margin-top: -150px;
    overflow: hidden
}

.load8 .loader {
    margin: 3em auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1em solid rgba(31,78,90,.4);
    border-right: 1em solid rgba(31,78,90,.4);
    border-bottom: 1em solid rgba(31,78,90,.4);
    border-left: 1em solid #1f4e5a;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear
}

    .load8 .loader, .load8 .loader:after {
        border-radius: 50%;
        width: 8em;
        height: 8em
    }

.panel-body {
    padding-top: 15px;
    padding-right: 450px;
    position: relative
}

.panel-addpic {
    position: absolute;
    right: 0;
    top: 0;
    width: 350px
}

    .panel-addpic .text {
        height: 26px;
        line-height: 26px;
        color: #76838f;
        font-size: 16px;
        margin-bottom: 10px;
        color: #333;
        font-weight: bold
    }

        .panel-addpic .text.else {
            margin-top: 30px
        }

.addpic-list {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px
}

    .addpic-list li {
        border: 1px solid #ccd1d9;
        border-radius: 4px;
        padding: 10px
    }

    .addpic-list .add-photo {
        position: relative
    }

        .addpic-list .add-photo.default {
            background-color: #f5f7fa;
            width: 100%;
            height: 200px;
            text-align: center;
            cursor: pointer
        }

        .addpic-list .add-photo img {
            width: 100%;
            max-height: 200px
        }

    .addpic-list .select-newimg {
        display: block;
        text-align: center;
        color: #acb4bf;
        padding-top: 65px
    }

.icon-addphote {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-image: url(../../../themes/img/add-photo.svg);
    background-size: cover;
    margin-bottom: 5px
}

.addpic-list .select-newimg span {
    display: block
}

.addpic-list .add-photo .photo-tool {
    position: absolute;
    color: #fff;
    font-size: 13px;
    z-index: 5;
    left: 40%;
    top: 30%;
    display: block
}

    .addpic-list .add-photo .photo-tool.last {
        top: 48%
    }

    .addpic-list .add-photo .photo-tool i {
        margin-right: 5px
    }

.addpic-list .add-photo .cover {
    height: 26px;
    line-height: 26px;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: rgba(96,158,233,1);
    color: #fff;
    font-size: 12px
}

.addpic-list .phote-edit {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0,0,0,.5);
    display: none
}

.addpic-list .add-photo-wall {
    position: relative
}

    .addpic-list .add-photo-wall:hover .phote-edit {
        display: block
    }

.form-switch {
    margin-top: 50px
}

    .form-switch .layui-input-block {
        margin-left: 0
    }

        .form-switch .layui-input-block span {
            display: inline-block;
            margin-right: 10px;
            position: relative;
            top: 6px;
            width: 100px
        }

.text-color {
    color: #21b384
}

.form-back {
    background-color: #f6f7f9;
    padding: 15px 16px 0 15px
}

    .form-back .panel-body {
        background-color: #fff
    }

    .form-back .panel-addpic {
        border-left: 15px solid #f6f7f9;
        padding: 10px 15px
    }

.form-cur-wall {
    margin-top: 10px
}

    .form-cur-wall label {
        width: 80px;
        display: inline-block;
        vertical-align: middle;
        float: left;
        text-align: right;
        line-height: 40px
    }

    .form-cur-wall .layui-input-block {
        padding-left: 90px;
        margin-left: 0
    }

        .form-cur-wall .layui-input-block .layui-form-checkbox {
            margin-bottom: 15px
        }

.table-sort:first-child {
    display: inline-block;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    margin-right: 15px
}

.table-sort:last-child {
    display: inline-block;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

::-webkit-scrollbar-track-piece {
    background-color: #f5f5f5;
    border-left: 1px solid #d2d2d2
}

::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: #288cc5
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    min-height: 28px;
    background-color: #288cc5;
    /*background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)*/
}

    ::-webkit-scrollbar-thumb:hover {
        border: 1px solid #636363;
        background-color: #929292
    }

.fyt-counter .layui-col-md4 {
    text-align: center
}

.fyt-counter .counter-label {
    color: #76838f;
    font-size: 15px
}

.fyt-counter .counter-number {
    font-size: 20px;
    color: #37474f
}

.fyt-counter .red-600 {
    color: #f96868
}

.fyt-shoptop tbody tr td:last-child {
    padding-top: 28px
}

@-webkit-keyframes am-horizontal-roll_show {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes am-horizontal-roll_show {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px);
        -ms-transform: translateX(400px);
        transform: translateX(400px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}



  
.layer-anim-07 {
    -webkit-animation: am-horizontal-roll_show .3s ease-out;
    animation: am-horizontal-roll_show .3s ease-out
}

@keyframes dropdownAnimation {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none;
        transform: translate3d(0,0,0)
    }
}

[v-cloak] {
    display: none
}

.soa-cur input[type="checkbox"], .soa-cur input[type="radio"] {
    vertical-align: middle;
    margin: 0 5px 0 0;
    -webkit-appearance: none;
    width: 16px !important;
    height: 16px !important;
    background: #fff;
    border: 1px solid #609ee9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box \9;
    width: 16px \9;
    height: 16px \9;
    border-width: 0 \9;
    cursor: pointer
}

.soa-cur input[type="radio"] {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    width: 16px;
    height: 16px;
    outline: none
}

    .soa-cur input[type="checkbox"]:active, .soa-cur input[type="radio"]:active {
        border-color: #609ee9;
        background-color: #609ee9;
        outline: none
    }

    .soa-cur input[type="checkbox"]:checked, .soa-cur input[type="radio"]:checked {
        background: #609ee9;
        width: 16px
    }

        .soa-cur input[type="checkbox"]:checked::after {
            content: '✔';
            display: block;
            position: absolute;
            top: -3px;
            left: 1px;
            color: #fff
        }

        .soa-cur input[type="radio"]:checked::after {
            content: '';
            display: block;
            position: relative;
            top: 4px;
            left: 4px;
            width: 7px;
            height: 7px;
            background: #e7185c;
            -webkit-border-radius: 1em;
            -moz-border-radius: 1em;
            border-radius: 1em
        }

    .soa-cur input[type="checkbox"]:focus, .soa-cur input[type="radio"]:focus {
        outline: none;
        border-color: #609ee9
    }

.loader-cur-wall {
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.4);
    position: fixed
}

.loader-cur {
    width: 2.5em;
    height: 2.5em;
    transform: rotate(165deg);
    position: absolute;
    top: calc(50% - 1.25em);
    left: calc(50% - 1.25em)
}

    .loader-cur:before, .loader-cur:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: .5em;
        height: .5em;
        border-radius: .25em;
        transform: translate(-50%,-50%)
    }

    .loader-cur:before {
        animation: before 2s infinite
    }

    .loader-cur:after {
        animation: after 2s infinite
    }

.mce-flow-layout-item.mce-last {
    display: none
}

.theme-case {
    text-align: center;
    line-height: 33px
}

    .theme-case h3 {
        padding: 10px 25px;
        text-align: left;
        font-size: 15px
    }

    .theme-case span {
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 50%
    }

    .theme-case .default {
        background-image: linear-gradient(#1dabeb,#334256)
    }

    .theme-case .bright {
        background-image: linear-gradient(#dbd3f8,#7658fa)
    }

    .theme-case .dark {
        background-image: linear-gradient(#475381,#171b38)
    }

    .theme-case .theme-item {
        width: 70px;
        border: 1px solid #fff;
        border-radius: 8px;
        padding: 3px 10px;
        display: inline-block;
        cursor: pointer
    }

        .theme-case .theme-item:hover, .theme-case .theme-item.active {
            border: 1px solid #d9dee4
        }

@keyframes before {
    0% {
        width: .5em;
        box-shadow: 1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)
    }

    35% {
        width: 2.5em;
        box-shadow: 0 -.5em rgba(225,20,98,.75),0 .5em rgba(111,202,220,.75)
    }

    70% {
        width: .5em;
        box-shadow: -1em -.5em rgba(225,20,98,.75),1em .5em rgba(111,202,220,.75)
    }

    100% {
        box-shadow: 1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)
    }
}

@keyframes after {
    0% {
        height: .5em;
        box-shadow: .5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)
    }

    35% {
        height: 2.5em;
        box-shadow: .5em 0 rgba(61,184,143,.75),-.5em 0 rgba(233,169,32,.75)
    }

    70% {
        height: .5em;
        box-shadow: .5em -1em rgba(61,184,143,.75),-.5em 1em rgba(233,169,32,.75)
    }

    100% {
        box-shadow: .5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)
    }
}

.layui-form-item {
    margin-bottom:10px !important;
}

